<%--
  Created by IntelliJ IDEA.
  Author: Deng PengFei
  Date: 2021/8/14
  Time: 10:45
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>登录页面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <%--引入LayUI--%>
    <link href="../../layui/css/layui.css" rel="stylesheet">
    <script src="../../layui/layui.js"></script>
    <script src="../../js/jquery-3.1.0.js"></script>
    <style>
        body {
            background-color: #eeeeee;
        }

        .layui-row {
            padding: 10px;
            margin: 10px;
            background-color: white;
            border-radius: 5px;
        }

        .layui-table-cell {
            height: 36px;
            line-height: 36px;
        }

        .left {
            width: 20%;
            padding: 5px;
            text-align: right;
        }

        .right {
            width: 30%;
            padding: 5px;
        }
    </style>
</head>
<body>
<div class="layui-layout layui-layout-admin">


    <%--面包屑导航--%>
    <div class="layui-row">
        <blockquote class="layui-elem-quote">
            <h3>
                <span class="layui-badge-dot"></span>
                定稿评分界面--(请您秉着<span style="color: red">公平、公正</span>的原则为学生进行评阅操作)
            </h3>
        </blockquote>
    </div>

    <%--状态说明--%>

    <div class="layui-row">
        <div class="layui-card">
            <div class="layui-card-header" style="font-size: 18px;color: #009688;">
                <i class="layui-icon layui-icon-top" style="color: #009688;font-size: 25px"></i> 状 态 说 明 :
            </div>
            <div class="layui-card-body" style="padding-left: 30px;line-height: 20px;font-size: 14px">
                <p>1、状态:完成(评分时点击“保存并提交"按钮状态显示为"完成"”),假如评分需要审核，则审核通过后才会显示完成</p>
                <p>2、待提交(评分时点击"保存"按钮评分状态显示为“待提交)</p>
                <p>3、评分状态:未评分(未点击"保存"或"保存并提交"按钮时评分状态显示为“未评分")</p>
                <p>4、已评分(评分时点击“保存"或保存并提交"按钮时评分状态显示为“"已评分”")</p>
                <p>5、当状态栏显示为“待提交"时，状态栏呈现红色;当状态栏显示为“完成""时，状态栏呈现绿色;</p>
            </div>
        </div>
    </div>

    <%--筛选--%>
    <div class="layui-row layui-clear">
        <div class="test-table-reload-btn">
            <div class="layui-inline" style="border: #009f95 solid 1px">
                <label for="queryKey"></label>
                <input class="layui-input" id="queryKey" autocomplete="off" placeholder="工号/姓名/课题名称">
            </div>

            <%--<div class="layui-inline" style="border: #009f95 solid 1px">
                <label for="major1"></label>
                <select id="major1" lay-verify="" class="layui-input">
                    <option value="">所属组织</option>
                    <option value="010">测试专业</option>
                    <option value="021">测试专业</option>
                    <option value="0571">测试时</option>
                    <option value="0571">测试</option>
                    <option value="0571">测试</option>
                    <option value="0571">测试专业</option>
                    <option value="0571">测试专业</option>
                </select>
            </div>
            <div class="layui-inline" style="border: #009f95 solid 1px">
                <label for="reportState"></label>
                <select id="reportState" lay-verify="" class="layui-input">
                    <option value="">评分状态</option>
                    <option value="未提交">未提交</option>
                    <option value="审核中">审核中</option>
                    <option value="已完成">已完成</option>
                </select>
            </div>--%>


            <%--分数范围--%>

            <a class="layui-btn layui-btn-primary layui-border-green" lay-event="query">搜 索</a> <%--按字段查询--%>

            <div class="layui-inline" style="float: right;line-height: 40px">
                <i class="layui-icon layui-icon-tips" style="color: #009688;font-size: 20px"></i> 操作按钮说明：
                <i class="layui-icon layui-icon-edit" style="color: #009688;font-size: 20px"></i>评分
                <i class="layui-icon layui-icon-search" style="color: #009688;font-size: 20px"></i>评分详情
            </div>
        </div>
    </div>


    <%--老师定稿评分--%>
    <div class="layui-row">
        <table class="layui-hide" id="grade-table" lay-filter="grade-table"></table>
    </div>


</div>

</body>


<%--课题详情--%>
<div id="task-table-tool" style="display: none">
    <button class="layui-btn layui-btn-radius  layui-btn-primary layui-border-blue layui-btn-sm" lay-event="taskDetail">
        课题详情
    </button>
</div>


<%--任务书操作--%>
<div id="assignment-table-tool" style="display: none">
    <div class="layui-btn-group">
        <button class="layui-btn layui-btn-primary layui-border-green layui-btn-sm" title="评分"
                lay-event="edit-grade">
            <i class="layui-icon layui-icon-edit"></i>
        </button>
        <button class="layui-btn layui-btn-primary layui-border-green layui-btn-sm" title="查看评分"
                lay-event="query-grade">
            <i class="layui-icon layui-icon-search"></i>
        </button>
    </div>
</div>


<%--课题详情模板--%>
<div class="layui-row" id="task-detail" style="display: none">
    <table class="layui-table" lay-skin="line">
        <thead>
        <tr>
            <td colspan="4"><h2>学生课题详情内容</h2></td>
        </tr>
        </thead>
        <tbody id="task-tbody">
        <tr>
            <td class="left">编号:</td>
            <td class="right" colspan="3" id="task-id"></td>
        </tr>
        <tr>
            <td class="left">学号:</td>
            <td class="right" id="task-sno"></td>
            <td class="left">姓名:</td>
            <td class="right" id="task-sname"></td>
        </tr>
        <tr>
            <td class="left">指导老师</td>
            <td class="right" id="task-tname"></td>
            <td class="left">指导老师工号</td>
            <td class="right" id="task-tno"></td>

        </tr>
        <tr>
            <td class="left">所属学院:</td>
            <td class="right" id="task-college"></td>
            <td class="left">所属专业:</td>
            <td class="right" id="task-major"></td>
        </tr>
        <tr>
            <td class="left">标题:</td>
            <td class="right" id="task-title"></td>
            <td class="left">题目来源:</td>
            <td class="right" id="task-from"></td>
        </tr>
        <tr>
            <td class="left">题目类别:</td>
            <td class="right" id="task-category"></td>
            <td class="left">题目性质:</td>
            <td class="right" id="task-nature"></td>
        </tr>
        <tr>
            <td class="left">课题简介:</td>
            <td class="right" colspan="3" id="task-intr"></td>
        </tr>
        </tbody>
    </table>
</div>


<%--评分盒子--%>

<div class="layui-row" id="teacher-grade-box" style="display: none">
    <!-- 学生基本信息 -->
    <!-- 任务书表单 -->
    <div class="layui-col-lg12">
        <div class="layui-fluid">
            <div class="layui-card">
                <div class="layui-card-header" style="font-size: 20px;padding: 10px;">
                    <strong style="color: red;">学生定稿评分</strong>
                </div>
                <div class="layui-card-body" style="padding: 15px;">
                    <form class="layui-form" action="" method="post">

                        <div class="layui-form-item">
                            <blockquote class="layui-elem-quote">
                                <span class="layui-badge-dot"></span>
                                学生基本信息
                            </blockquote>
                        </div>


                        <div class="layui-form-item">
                            <div class="layui-col-lg12" style="font-size: 16px;margin-top: 20px;">
                                <div class="layui-col-lg3">
                                    <label for="sName"><strong>学生姓名:</strong></label>
                                    <input name="sName" type="text" readonly id="sName" class="layui-input">
                                </div>
                                <div class="layui-col-lg3">
                                    <label for="sNO"> <strong>学号:</strong></label>
                                    <input name="sNO" type="text" readonly id="sNO" class="layui-input">
                                </div>
                                <div class="layui-col-lg3">
                                    <label for="major"><strong>专业:</strong></label>
                                    <input name="major" type="text" readonly id="major" class="layui-input">
                                </div>
                                <div class="layui-col-lg3">
                                    <label for="title"> <strong>课题名称:</strong></label>
                                    <input name="title" type="text" readonly id="title" class="layui-input">
                                </div>
                            </div>
                        </div>

                        <!-- 完成情况-->
                        <div class="layui-form-item">
                            <blockquote class="layui-elem-quote">
                                <span class="layui-badge-dot"></span>
                                基本评阅
                            </blockquote>
                        </div>
                        <!--开题报告  -->
                        <div class="layui-form-item">
                            <label class="layui-form-label">定稿</label>
                            <div class="layui-input-block">
                                <a id="query-finalize" style="margin-bottom: -10px">查看定稿详情</a>
                            </div>
                        </div>
                        <!--正文  -->
                        <div class="layui-form-item">
                            <label class="layui-form-label">毕业设计原创性</label>
                            <div class="layui-input-block">
                                <input type="radio" name="original" value="是" title="是" checked>
                                <input type="radio" name="original" value="部分引用" title="部分引用">
                                <input type="radio" name="original" value="部分抄袭" title="部分抄袭">
                                <input type="radio" name="original" value="抄袭" title="抄袭">
                            </div>
                        </div>

                        <!-- 指导教师评语 -->
                        <div class="layui-form-item">
                            <label class="layui-form-label">填写评阅教师评语</label>
                            <div class="layui-input-block">
                                <label>
                                    <textarea placeholder="填写评阅教师评语" name="remark" lay-verify="required"
                                              class="layui-textarea"></textarea>
                                </label>
                            </div>
                        </div>


                        <!-- 评分： -->
                        <div class="layui-form-item">
                            <blockquote class="layui-elem-quote">
                                <span class="layui-badge-dot"></span>
                                具体项评分(<span style="color: red;">满分：100分</span>)
                            </blockquote>
                        </div>
                        <div class="layui-form-item" lay-skin="line">
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th style="text-align: center;">描述</th>
                                    <th style="text-align: center;">备注</th>
                                    <th style="text-align: center;">分数</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>选题 质量（25分)</td>
                                    <td>
                                        <p>选题符合专业培养目标,体现综合训练基本要求:7分;</p>
                                        <p>题目难易度:5分;</p>
                                        <p>题目工作量:5分;</p>
                                        <p>题目与生产、科研、实验室建设等实际的结合程度:8分;</p>
                                    </td>
                                    <td><label>
                                        <input name="grade1" type="text" class="layui-input" lay-verify="number">
                                    </label></td>
                                </tr>
                                <tr>
                                    <td>能力 水平（40分)</td>
                                    <td>
                                        <p>综合运用知识的能力(设计涉及学科范围，内容深广度及难易程度):7分;</p>
                                        <p>查阅并应用文献资料的能力:5分;</p>
                                        <p>实验(设计)的能力:6分;</p>
                                        <p>计算能力(数据运算与处理能力等):6分;</p>
                                        <p>外文应用能力:4分;</p>
                                        <p>计算机应用能力:5分;</p>
                                        <p>对实验结果的分析能力(或综合分析能力、技术经济分析能力):7分。</p>
                                    </td>
                                    <td><label>
                                        <input type="text" class="layui-input" lay-verify="number" name="grade2">
                                    </label></td>
                                </tr>
                                <tr>
                                    <td>成果 质量（35分)</td>
                                    <td>
                                        <p>图样质量:10分;</p>
                                        <p>设计说明书撰写水平:8分;</p>
                                        <p>设计的实用性与科学性:10分;</p>
                                        <p>设计规范化程度(文档齐全,材料符合相关规定):7分;</p>
                                    </td>
                                    <td><label>
                                        <input type="text" class="layui-input" lay-verify="number" name="grade3">
                                    </label></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>


                        <div class="layui-form-item layui-layout-admin" style="text-align: center">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit
                                        lay-filter="add-grade">立即提交
                                </button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>

                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


<%--定稿评分详情--%>
<div class="layui-row" id="teacher-grade--detail-box" style="display: none">
    <div class="layui-col-lg12">
        <div class="layui-fluid">
            <div class="layui-card">
                <div class="layui-card-header" style="font-size: 20px;padding: 10px;">
                    <strong style="color: red;">学生定稿评分详情</strong>
                </div>
                <div class="layui-card-body" style="padding: 15px;">
                    <!-- 完成情况-->
                    <div class="layui-form-item">
                        <blockquote class="layui-elem-quote">
                            <span class="layui-badge-dot"></span>
                            定稿基本情况
                        </blockquote>
                    </div>
                    <table class="layui-table">
                        <thead>
                        <td colspan="4">
                            <div class="layui-col-lg12" style="font-size: 16px;margin-top: 10px;">
                                <div class="layui-col-lg2">
                                    <strong>学生姓名:</strong>
                                    <span id="sName-detail"></span>
                                </div>
                                <div class="layui-col-lg3">
                                    <strong>学号:</strong>
                                    <span id="sNO-detail"></span>
                                </div>
                                <div class="layui-col-lg3">
                                    <strong>专业:</strong>
                                    <span id="major-detail"></span>
                                </div>
                                <div class="layui-col-lg4">
                                    <strong>课题名称:</strong>
                                    <span id="title-detail"></span>
                                </div>
                            </div>
                        </td>
                        </thead>
                        <tbody>

                        <tr>
                            <td style="width: 150px;text-align: right">毕业设计原创性</td>
                            <td id="original"></td>
                            <td style="width: 150px;text-align: right">是否通过</td>
                            <td id="isPass">审核中</td>
                        </tr>
                        <tr>
                            <td style="width: 150px;text-align: right">指导教师评语:</td>
                            <td colspan="3" id="remark"></td>
                        </tr>
                        </tbody>
                    </table>

                    <!-- 评分详细 -->
                    <div class="layui-form-item">
                        <blockquote class="layui-elem-quote">
                            <span class="layui-badge-dot"></span>
                            定稿评分分数详情 <span style="color: red;" id="detail-grade"> </span> 分
                        </blockquote>
                    </div>
                    <div class="layui-form-item" lay-skin="line">
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <th style="text-align: center;">描述</th>
                                <th style="text-align: center;">备注</th>
                                <th style="text-align: center;">分数</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>选题 质量（25分)</td>
                                <td>
                                    <p>选题符合专业培养目标,体现综合训练基本要求:7分;</p>
                                    <p>题目难易度:5分;</p>
                                    <p>题目工作量:5分;</p>
                                    <p>题目与生产、科研、实验室建设等实际的结合程度:8分;</p>
                                </td>
                                <td class="grade"><span style="color: red" id="grade1"></span> 分</td>
                            </tr>
                            <tr>
                                <td>能力 水平（40分)</td>
                                <td>
                                    <p>综合运用知识的能力(设计涉及学科范围，内容深广度及难易程度):7分;</p>
                                    <p>查阅并应用文献资料的能力:5分;</p>
                                    <p>实验(设计)的能力:6分;</p>
                                    <p>计算能力(数据运算与处理能力等):6分;</p>
                                    <p>外文应用能力:4分;</p>
                                    <p>计算机应用能力:5分;</p>
                                    <p>对实验结果的分析能力(或综合分析能力、技术经济分析能力):7分。</p>
                                </td>
                                <td class="grade"><span style="color: red" id="grade2"></span> 分</td>
                            </tr>
                            <tr>
                                <td>成果 质量（35分)</td>
                                <td>
                                    <p>图样质量:10分;</p>
                                    <p>设计说明书撰写水平:8分;</p>
                                    <p>设计的实用性与科学性:10分;</p>
                                    <p>设计规范化程度(文档齐全,材料符合相关规定):7分;</p>
                                </td>
                                <td class="grade"><span style="color: red" id="grade3"></span> 分</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script>
    let USERNAME;
    $(function () {
        USERNAME = '${sessionScope.userName}';
    });
</script>
<script src="../js/common.js"></script>
<script src="js/grade.js">

</script>
</html>
